<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    .s1 {
        color: red;
    }
    .s2 {
        font-size: 50px;
    }
    .s3 {
        font-family: 'Times New Roman', Times, serif;
    }
    .s4 {
        font-weight: 800;
    }
    .s5 {
        font-style: italic; 
    }
    .s6 {
        font: italic bolder 50px;
    }
    .s7 {
        letter-spacing: 100px;
    }
    .s8 {
        letter-spacing: -2px;
    }
    .s9 {
        word-spacing: 50px;
    }
</style>
<body>
    <p class="s1">字体颜色</p>
    <p class="s2">字体大小</p>
    <p class="s3">字体</p>
    <p class="s4">字体加粗</p>
    <p class="s5">字体样式</p>
    <p class="s6">字体缩写</p>
    <p class="s7">字母间距</p>
    <p class="s8">单词间距</p>
    <p class="s9">以空格 来划 分 单词</p>
</body>
</html>